/************通用***********/
/*@media screen and (max-width: 750px) {*/
/*    html{font-size: calc(100/750*100vw);}*/
/*}*/
/*@media screen and (min-width: 750px) {*/
/*    html{font-size: 100px;}*/
/*}*/
/*}*/
html{height: 100%;background: #f7f8fa;}
.van-tabbar{z-index: 3 !important;}
html .van-tag{padding: 2px 5px;}
html .van-dialog__confirm, .van-dialog__confirm:active{color:#1989fa}
html .van-tag--large {padding: 4px 8px;font-size: 14px;border-radius: 4px;}

/************卡片***********/
.card{position: relative; margin-bottom: 10px;}
.card_back{position: absolute; z-index: -1; top: 0; width: 100%;}
.card_body{display: block; margin: 0 auto 0; width: 94%;}
.home_swipe{position: relative;}
.home_swipe_back{position: absolute;z-index: -1;top: 0;width: 100%;max-height: 240px;}

@media screen and (max-width: 750px) {
    .card_body{padding-top: 16vw; }
    .card_detail{top: 18vw;height: 45vw; }
    .course_header{height: 66vw;}
    .course_mask{height: 100vw;width: 100%;}
}
@media screen and (min-width: 750px) {
    .card_body{padding-top: 120px; }
    .card_detail{top: 135px;height: 338px; }
    .course_header{height: 475px;}
    .course_mask{height: 530px;width: 750px;}
}
.card_detail{position: absolute;  width: 88%; left: 6%; z-index: 2;}
/****横向排版****/
.card_detail_left{float: left; width: 63%; height: 100%;}
.card_detail_left>div{margin-left: 10%; color: #ffffff;}
.card_detail_left>div>span{font-size: 22px; display: block; margin: 25px 0 30px;font-weight: bold;}
.card_detail_left>div>p{font-size: 12px; margin: 12px 0; }
.card_span{vertical-align: top; line-height: 30px; background: #e2ba7f; color: #653d01; font-size: 14px; padding: 7px 14px; border-radius: 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.card_detail_left>div>div{padding-top: 10%;}
.card_detail_right{float: right; width: 37%; height: 100%;}
.card_detail_right>img{display: block; width: 60px; margin: 60px auto 20px;}
.card_detail_right>div{text-align: center; margin: 20px auto 0;}
/****纵向排版****/
/*.card_detail_top{color: #fff;height: 15%;padding-top: 5%;}*/
/*.card_detail_top>span:first-child{float: left;margin-left: 20px;font-size: .4rem;font-weight: bold;}*/
/*.card_detail_top>span:nth-child(2){float: right;margin-right: 20px;margin-top: 2px;font-size: 16px;}*/
/*.card_detail_middle{color: #fff;font-size: .3rem;display: flex;width: 100%;}*/
/*.card_detail_middle>div{width: 33%;text-align: center;}*/
/*.card_detail_middle>div>p:first-child{margin-bottom: 0;margin-top: .2rem;}*/
/*.card_detail_middle>div>p:first-child>span{font-weight: bold;}*/
/*.card_detail_middle>div>p:nth-child(2){margin-top: .1rem;}*/
/*.card_detail_bottom{line-height: 37px;height: 37px;width:100%;text-align: center;position: absolute;bottom: 7px; }*/
/*.card_detail_bottom>div{font-size: 14px;color: #653d01;background: #e2ba7f;height: 37px;margin: 0 15px;border-radius: 4px;}*/
/*.card_headimg{position: absolute;border-radius: 50%;}*/
/*.card_headimg>img{border-radius: 50%;position: absolute;top: 0;left: 0;}*/
/*.card_headimg>span{display: block;position: absolute;bottom: 0;background: #e2ba7f;text-align: center;border-radius: 50%;font-weight: bold;}*/


.swipe_card{position: relative; }
.swipe_back{width: 100%; height: 220px; padding: 0 10px; box-sizing: border-box;}
.swipe_back_mine{max-width: 400px; height: 175px; box-sizing: border-box;display:block;margin: 0 auto;}
.swipe_card_vip{position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; color: #fff; box-sizing: border-box; padding: 7px 30px 17px 20px;}
.card_mine{position: relative;}
.card_mine_detail{position: absolute;top: 0; left: 0; z-index: 2; width: 100%; height: 100%; color: #fff; box-sizing: border-box; padding: 57px 20px 0;}
.card_mine_detail>div{position: relative;margin: 0 auto;max-width: 360px;}
.card_detail_top{height: 40px;line-height: 40px;position: relative;}
.card_detail_middle{height: 80px;overflow: hidden;}
.card_detail_bottom{height: 40px;}
.card_detail_top>span:first-child{float: left;margin-left: 15px;font-size: 16px;font-weight: bold;}
.card_detail_top>span:nth-child(2){font-size: 12px;position: absolute;top: 0;right: 20px;z-index: 5}
.card_detail_middle{font-size: 15px;display: flex;width: 100%;}
.card_detail_middle>div{width: 33%;text-align: center;}
.card_detail_middle>div>p:first-child{margin-bottom: 0;margin-top: 10px;font-size: 14px;}
.card_detail_middle>div>p:first-child>span{font-weight: bold;font-size: 19px;margin-right: 3px;color:#e2ba7f; }
.card_detail_middle>div>p:nth-child(2){margin: 6px 0 0;font-size: 12px;}
.card_detail_bottom{line-height: 40px;height: 40px;width:100%;text-align: center;box-sizing: border-box;}
.card_detail_bottom>div{font-size: 14px;color: #653d01;background: #e2ba7f;height: 37px;border-radius: 6px;}

.card_headimg{position: absolute;height: 70px;top: -30px;width: 100%;left: 0;}
.card_headimg>div{height:70px;width: 70px;border: 3px solid #e2ba7f;box-sizing: border-box;border-radius: 50%;left: 0;position: relative;margin: 0 auto;}
.card_headimg>div>img{border-radius: 50%;position: absolute;top: 0;left: 0;height: 64px;width: 64px;}
.card_headimg>div>span{display: block;position: absolute;bottom: 0;background: #e2ba7f;text-align: center;border-radius: 50%;font-weight: bold;
    left: 50px;height: 20px;width: 20px;line-height:20px;font-size: 15px;}



/************课程信息***********/
.lesson{margin-bottom: 30px;}

/************会员信息***********/
.rights{font-size: 14px;}
.rights_button{font-size: 12px;height: 24px;line-height: 25px;border-radius: 25px;padding: 0 5px;color: #fff;margin: 5px 0;min-width: 65px;text-align: center;}
.rights_button_false{background: #ccc;}
.vip_rights .van-grid-item__content{background: #f7f8fa;}
.vip_container{display: flex;padding:0 20px;justify-content: center;}
.vip_container>div{flex: 0 0 auto;}
.vip_tab{font-size: 14px;display:inline-block;width: 40%;position: relative;}
.vip_tab>div{width: 90%;border: 2px solid rgba(101,61,1,.3);border-radius: 10px;margin: 0 auto;text-align: center;color: #653d01;}
.vip_tab_select{border: 3px solid #e2ba7f !important;}
.vip_tab_sale{background-color: #f95635 !important;position: absolute;top: -5px;left: 4px;}
.buy_vip_checkbox{color: rgba(0,0,0,1);font-size: 14px;text-indent: 40px;display: block;position: relative;vertical-align: middle;line-height: 24px;}
.buy_vip_checkbox>img:first-child{height: 20px;display: inline-block;vertical-align: middle;}
.buy_vip_checkbox>span:nth-child(2){display: inline-block;vertical-align: middle;text-indent: 10px;}
.buy_vip_checkbox>span:nth-child(2)>span:first-child{opacity: .5}
.buy_vip_checkbox>img:nth-child(3){height: 16px;display: block;position: absolute;left: 41px;top: 3px;}
.buy_vip_button{border-radius: 4px !important;}
.buy_vip_button>span{color: #653d01;}
.vip_tab>div>p:first-child{margin-bottom: 10px;}
.vip_tab>div>p:nth-child(2){font-weight: bold;font-size: 20px;margin-top:10px;margin-bottom: 8px;}
.vip_tab>div>p:nth-child(3){opacity: 50%;text-decoration: line-through;margin-top: 8px;}
.vip_tab>div>p:nth-child(4){font-size: 12px;}

/************专属顾问***********/
.adviser{padding-bottom: 20px;margin: 20px 0;}
.adviser>div{background: rgba(226,186,127,.2);border-radius: 10px;display: flex;flex-direction: column;width: 80%;margin: 0 auto;}
.adviser>div>div:first-child{height:100px;width:210px;margin: 0 auto;display: flex;justify-content: space-evenly;}
.adviser>div>div:first-child>div{font-size: 16px;}
.adviser>div>div:first-child>div:first-child{margin: 17px 10px 0 0;;}
.adviser>div>div:first-child>div:nth-child(2){vertical-align: top;height: 100px;}
.adviser>div>div:first-child>div:nth-child(2)>p:first-child{margin: 20px 0 10px 0;}
.adviser>div>div:first-child>div:nth-child(2)>p:first-child>span:first-child{font-weight: bold;}
.adviser>div>div:first-child>div:nth-child(2)>p:first-child>span:nth-child(2){font-size: 14px;padding-left: 10px;}
.adviser>div>div:first-child>div:nth-child(2)>p:nth-child(2){margin: 0 0 0 0;font-size: 12px;color: rgba(0,0,0,.6)}
.adviser>div>div:first-child>div:nth-child(2)>p:nth-child(3){margin: 0 0 0 0;font-size: 12px;color: rgba(0,0,0,.6)}
.adviser>div>p{font-size: 16px;text-align: center;}
.adviser>div>p:nth-child(3),.adviser>div>p:nth-child(4){display:block;margin: 5px auto;}
.adviser>div>div:nth-child(5){margin: 0 auto;height: 210px;}
.adviser>div>p:nth-child(6){margin: 3px auto 20px;font-size: 12px;color: rgba(0,0,0,.5)}

/************课程标题***********/
.course_back{position: absolute;top:0;z-index:-2;}
.course_back>img{width: 100%;}
.course_mask{position: absolute;top:0;z-index:-1;background: #000;opacity: .3;}
.course_header{margin: 0 20px;font-size: 16px;padding:0;color: #fff;position: relative;}
.course_header>p{margin: 0;text-shadow: 1px 1px 5px #000, 0 0 0 #fff;}
.course_header>p:first-child{font-size: 16px;font-weight: bold;position: absolute;bottom: 30px;}
.course_header>p:nth-child(2){font-size: 14px;position:absolute;bottom: 5px;}

/************课程亮点***********/
.highlights{width:100%;padding:16px 20px 0;box-sizing: border-box;}
.highlights>div{background: rgba(226,186,127,.2);border-radius: 10px;margin-bottom: 16px;}
.highlights>div>div{min-height:64px;margin: 0 20px;display: flex;justify-content: center;align-items: center;}
.highlights>div>div>img{width: 46px;height:46px;display: block;margin-right: 8px;flex: 0 0 auto;}
.highlights>div>div>div{font-size: 16px;margin: 0;flex: 1 1 auto;}
/************大咖讲师***********/
.teacher{width: 100%;padding:16px 20px;box-sizing: border-box;}
.teacher>div:first-child{background: #e2ba7f;height: 130px;width: 100%;display: flex;border-radius: 11px;margin-top: 10px;}
.teacher>div:first-child>div:first-child{flex: 1 1 auto;}
.teacher>div:first-child>div:first-child>p{color: #000;text-indent: 25px;}
.teacher>div:first-child>div:first-child>p:first-child{font-size: 30px;margin: 30px 0 10px;font-weight: bold;}
.teacher>div:first-child>div:first-child>p:nth-child(2){font-size: 16px;margin-top: 10px;}
.teacher>div:first-child>div:nth-child(2){flex: 0 0 130px;position: relative;padding-right: 5px;}
.teacher>div:first-child>div:nth-child(2)>img{display: block;width: 130px;position: absolute;bottom: 0;left: 0;}
.teacher>div:nth-child(2){font-size: 17px;margin-top: 10px;}
.teacher>div:nth-child(2) li{display: flex;}
.teacher>div:nth-child(2) li>span{display:block;height: 10px;width: 10px;background: #e2ba7f;border-radius: 5px;margin:16px 7px 0 0;flex: 0 0 auto; }
.teacher>div:nth-child(2) li>p{display:block;margin: 10px 0;flex: 1 1 auto;}
/************课程大纲***********/
.main_point{font-size: 17px;color: #000;}
.main_point>p{height: 62px;line-height: 62px;margin: 14px 20px;background: rgba(226,186,127,.2);border-radius: 10px;}
.main_point>p>span{display: inline-block;background: #e2ba7f;height: 24px;line-height: 24px;font-size: 14px;padding: 0 5px;border-radius: 0 12px 12px 12px;margin: 0 10px;}

/************立即购买***********/
.buy_button>div>button{background: #e2ba7f !important;}
.buy_button>div>div>span{color: #000 !important;font-size: 18px;}
.buy_button>div>div>span>span{color: #000 !important;text-indent: 5px;}
/************进入学习按钮***********/
.to_learn>div>button{background: #e2ba7f !important;width: 100%;font-size: 15px;}
.to_learn>div>div{display: none;}

.lesson_course{}
.lesson_head{font-size: 20px;margin: 15px 20px;font-weight: bold;}
.lesson_row{margin: 0 20px;height: 74px;display: flex;background: rgba(226,186,127,.2);border-radius: 10px;}
.lesson_row>div:first-child{flex: 1 1 auto;height: 86px;text-indent: 10px;color: rgba(0,0,0,.7);}
.lesson_row>div:first-child>p:first-child{font-size: 17px;font-weight: bold;margin-bottom: 7px;}
.lesson_row>div:first-child>p:nth-child(2){font-size: 12px;margin-top: 7px;}
.lesson_row>div:nth-child(2){flex: 0 0 auto;height: 86px;padding-right: 15px;}
.lesson_row>div:nth-child(2)>i{display:block;margin-top: 35px}

.audio{display: flex;height: 58px;margin: 0 20px;background: rgba(226,186,127,.2);border-radius: 29px;}
.audio>span:first-child{display: inline-block;flex: 0 0 auto;margin-right: 8px;margin-left: 20px; }
.audio>span>i{display: block;margin-top: 9px;}
.audio>div:nth-child(3){flex: 1 1 auto;padding: 0 10px;}
.audio>span:nth-child(2),.audio>span:nth-child(4){font-size: 16px;flex: 0 0 auto;line-height: 58px;}
.audio>span:nth-child(4){margin-right: 23px;}
.audio_slider{height: 2px !important;margin-top: 27px;}

.class_detail{font-size: 18px;margin: 0 20px;color: rgba(0,0,0,.7);line-height: 28px;}
.class_detail .van-image{width: 100%;}